<?php 
/*
Template Name: Blog Page
*/
?>
<?php 
$et_ptemplate_settings = array();
$et_ptemplate_settings = maybe_unserialize( get_post_meta($post->ID,'et_ptemplate_settings',true) );

$fullwidth = isset( $et_ptemplate_settings['et_fullwidthpage'] ) ? (bool) $et_ptemplate_settings['et_fullwidthpage'] : false;

$et_ptemplate_blogstyle = isset( $et_ptemplate_settings['et_ptemplate_blogstyle'] ) ? (bool) $et_ptemplate_settings['et_ptemplate_blogstyle'] : false;

$et_ptemplate_showthumb = isset( $et_ptemplate_settings['et_ptemplate_showthumb'] ) ? (bool) $et_ptemplate_settings['et_ptemplate_showthumb'] : false;

$blog_cats = isset( $et_ptemplate_settings['et_ptemplate_blogcats'] ) ? (array) $et_ptemplate_settings['et_ptemplate_blogcats'] : array();
$et_ptemplate_blog_perpage = isset( $et_ptemplate_settings['et_ptemplate_blog_perpage'] ) ? (int) $et_ptemplate_settings['et_ptemplate_blog_perpage'] : 10;
?>

<?php get_header(); ?>

<div id="content_nano">
      <!--banner section -->


<?php //get_template_part('includes/breadcrumbs');?>

<?php //get_template_part('includes/top_info'); ?>

<div id="" class="clearfix<?php if($fullwidth) echo(' fullwidth');?>">
	<div id="left-area">

	<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
		<div class="entry post clearfix">
			<div style='margin-top:10px;'></div>

			<!-- 
				<h1 style ='color: #003f64;line-height: 16px;padding-bottom: 8px; font-size: 21px; font-weight: bold;margin-top:10px;'> Blogs Trung Tâm NaNo & Năng Lượng
				</h1>						
		   -->
			<?php 

			// dinh dang cho shore code : viet thang vao trong page 

			if (get_option('chameleon_page_thumbnails') == 'on') 
			   { ?>
				<?php 
					$thumb = '';
					$width = 186;
					$height = 186;
					$classtext = 'post-thumb';
					$titletext = get_the_title();
					$thumbnail = get_thumbnail($width,$height,$classtext,$titletext,$titletext,false,'Entry');
					$thumb = $thumbnail["thumb"];
				?>
				
				<?php if($thumb <> '') { ?>
					<div class="post-thumbnail">
						<?php print_thumbnail($thumb, $thumbnail["use_timthumb"], $titletext, $width, $height, $classtext); ?>
						<span class="post-overlay"></span>
					</div> 	<!-- end .post-thumbnail -->
				<?php } ?>
			<?php } ?>
			
			<?php the_content(); ?>
			<?php wp_link_pages(array('before' => '<p><strong>'.esc_html__('Pages','Chameleon').':</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>



			<div id="et_pt_blog">
				<?php $cat_query = ''; 
				//var_dump($blog_cats);
				if ( !empty($blog_cats) ) $cat_query = '&cat=' . implode(",", $blog_cats);
				else echo '<!-- blog category is not selected -->'; 

                //var_dump($cat_query);

				?>
				<?php 
					$et_paged = is_front_page() ? get_query_var( 'page' ) : get_query_var( 'paged' );

					//var_dump($et_paged);

					//posts_per_page=1'
				?>
				<?php query_posts("showposts=$et_ptemplate_blog_perpage&paged=" . $et_paged . $cat_query); ?>
				<?php if (have_posts()) : while (have_posts()) : the_post(); ?>


				
					<div class="blog_box">
						<div class="blog_heading">
			                <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></h2>
			            </div><!-- class="blog_heading"-->

			            <div class="blog_date">
				            <p><?php esc_html_e('Posted','Chameleon'); ?> <?php esc_html_e('by','Chameleon'); ?> <?php the_author_posts_link(); ?> <?php esc_html_e('on','Chameleon'); ?> <?php the_time(esc_attr(get_option('chameleon_date_format'))) ?> <?php esc_html_e('in','Chameleon'); ?> <?php the_category(', ') ?> | <?php comments_popup_link(esc_html__('0 comments','Chameleon'), esc_html__('1 comment','Chameleon'), '% '.esc_html__('comments','Chameleon')); ?>
				            </p>
				            <?php 
				            /*
				                <div class="social_panel"> <a href="#"><img src="images/bg-tweet.gif" alt="" /></a> <a href="#"><img src="images/bg-facebook.gif" alt="" /></a> </div>
				            */
				            ?>

				        </div><!-- class="blog_date" -->

				        <?php $thumb = '';
						$width = 699;
						$height = 302;
						$classtext = '';
						$titletext = get_the_title();

						$thumbnail = get_thumbnail($width,$height,$classtext,$titletext,$titletext);
						$thumb = $thumbnail["thumb"]; ?>

						<?php  //var_dump($thumb);die(); 
						       //var_dump($et_ptemplate_showthumb);
						       //var_dump($thumbnail);
						?>

				         <div class="blog_content">
				              <?php if ( $thumb <> '') { ?>
									
										<?php //print_thumbnail($thumb, $thumbnail["use_timthumb"], $titletext, $width, $height, $classtext); ?>
										
										<img src="<?php echo $thumb;?>" alt="" class="align_left" />
										
									
								<?php }; ?>


								<?php //var_dump($et_ptemplate_blogstyle); //die();?>

					            <?php if (!$et_ptemplate_blogstyle) { ?>
									<p><?php truncate_post(550);?></p>
									<a href="<?php the_permalink(); ?>"><span><?php esc_html_e('đọc thêm','Chameleon'); ?></span></a>
								<?php } else { ?>
									<?php
									/*
										global $more;
										$more = 0;

								    */
									?>
									<?php 
									//the_content(); ?>

									<p><?php truncate_post(550);?></p>
									<a href="<?php the_permalink(); ?>"><span><?php esc_html_e('đọc thêm','Chameleon'); ?></span></a>

									
									
								<?php } ?>
					     </div><!-- class="blog_content" -->

						
						<p class="et_pt_blogmeta"></p>
						

					</div><!-- blog_box  -->


					
				<?php endwhile; ?>

					<div class="page-nav" style="float: left;width: 960px;margin-bottom: 14px;"> <!-- clearfix -->
						<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); }
						else { ?>
							 <?php get_template_part('includes/navigation'); ?>
						<?php } ?>
					</div> <!-- end .entry -->

				<?php else : ?>
					<?php get_template_part('includes/no-results'); ?>
				<?php endif; wp_reset_query(); ?>
			
			</div> <!-- end #et_pt_blog -->
			
			<?php //edit_post_link(esc_html__('sưa trang','Chameleon')); ?>			
		</div> <!-- end .entry -->
	<?php endwhile; endif; ?>
	</div> 	<!-- end #left-area -->

	<?php //if (!$fullwidth) get_sidebar(); ?>

</div> <!--  -->

</div><!-- id="content_nano" -->
		
<?php get_footer(); ?>